<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=no">
<title>start</title>
<link href="../bootstrap331/css/bootstrap.min.css" rel="stylesheet" >
<link href="../css/global.css">

<style type="text/css" >
#title_div{
	height:100px;
	background:#060;
	padding:0px;
	position:relative;
	
}
.userinfo{
	height:50px;
	width:200px;
	line-height:50px;
	z-index:100;
	bottom:0px;
	right:0px;
	position:absolute;
}
.row{
	margin:0px;	
}
.div1{
		text-align:center; width:100%;}
	.div2{height:40px; line-height:40px; font-size:13px; background:#eee; border-radius:3px;margin-bottom:2px}
	.div3{display: none;cursor:pointer; font-size:13px;}
	.div3 ul{margin:0;padding:0;}
	.div3 li{ height:30px; line-height:30px; list-style:none; border-bottom:#ccc 1px dotted; text-align:center;}
	.div3 li:visited{ background:#9C3}
</style>

</head>
<body> 
	
        <div class="row"  style="margin-bottom:20px">
            <div id="title_div" class="col-lg-12 col-sm-12 col-md-12 col-xs-12" >
              <div class="userinfo">
              	
              </div>
            </div>
        </div>	
		<div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-3 col-md-3 col-xs-3" >
                <div class="left">
            		<div class="div1">
		            		<div class="div2">商户管理</div>
		                	<div class="div3">
		                     	<ul>
		                        	<li> 
										<a class="abc" href="javascript:sync_content('/shop/list','#container');">							                                         查看商户</a>
                                    </li>
		                   			<li> 
										<a class="abc" href="javascript:list('/main/listproduct');">							                                         删除商户</a>
                                    </li>		
		                        </ul>	
		            		</div>
                            <div class="div2">商品管理</div>
		                	<div class="div3">
		                     	<ul>
		                        	<li> 
										<a class="abc" href="javascript:sync_content('/product/list','#container');">查询商品</a>
                                    </li>
		                   			<li> 
										<a class="abc" href="javascript:list('/main/listproduct');">							                                         新增商品</a>
                                    </li>		
		                        </ul>	
		            		</div>  
                	</div>
               	</div>
           	</div>
            <div id="container" class="col-lg-9 col-sm-9 col-md-9 col-xs-9" >
            </div>
        </div>
</div>
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../bootstrap331/js/bootstrap.min.js"></script>
<script type="text/javascript" >
	$(document).ready(function(e) {
        $(".div2").click(function(){ 
			$(this).next(".div3").slideToggle(500).siblings(".div3:visible").slideUp(500);
		});
    });
	
	function  sync_content( lk,container){
		$.ajax({
				url:lk,
				type:"get",
				success: function(data){
					$(container).html(data);	
				}	
			});
	};
</script>
</body>
</html>
